<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <script src="js/jquery-3.3.1.min.js"></script>
        <script src="js/style.js"></script>
        <script src="js/Multiplicationanddivisionformula.js"></script>
        <style>
            ul{
                width: 380px;
                margin: 400px auto;
            }
            ul:after{
                content: '';
                display: block;
                clear: both;
            }
            ul>li{
                font-size: 40px;
                font-weight: bolder;
                width: 40px;
                text-align: center;
                height: 60px;
                line-height: 60px;
                float: left;
            }
            #input{
                width: 100px;
                height: 45px;
                font-size: 30px;
                text-align: center;
                line-height: 45px;
                position: relative;
                left: 0px;
                top: -3px;
            }
            #submit{
                width: 60px;
                height: 45px;
                cursor: pointer;
                font-size: 24px;
                position: relative;
                left: 70px;
                top: -3px;
                text-align: center;
                line-height: 45px;
            }
            select{
                width: 180px;
                height: 40px;
                position: absolute;
                right: 200px;
                cursor: pointer;
                bottom: 80px;
            }
            h1{
                position: absolute;
                top: 20px;
                right: 120px;
            }
            a{
                color: black;
            }
            .text1{
                position: absolute;
                right: 600px;
                top: 380px;
            }
            .text1>p{
                font-size: 26px;
                line-height: 50px;
            }
            .text2{
                position: absolute;
                right: 850px;
                top: 300px;
                font-size: 26px;
                line-height: 50px;
                color: deeppink;
            }
            .text2>span{
                color: black;
            }
            #tisp{
                font-size: 30px;
                font-weight: bolder;
                color: red;
                position: absolute;
                top: 490px;
                left: 770px;
                display: none;
            }
            .bg{
                position: absolute;
                top: 0;
                width: 100%;
                height: 100vh;
                z-index: -1;
                background-image: url("background.bc725153.png");
            }
        </style>
    </head>
    <body>
        <div class="bg"></div>
        <ul>
            <li id="num1">1</li>
            <li id="yunsuanfu">+</li>
            <li id="num2">2</li>
            <li>=</li>
            <li><input id="input" maxlength="5"></li>
            <li><input type="submit" value="提交" id="submit"></li>
        </ul>
        <p id="tisp">答错了!!!不要粗心哦(*^▽^*)</p>
        <h1>
            <a href="Home.html">返回主菜单</a>
        </h1>
        <div class="text1">
            <p style="color: red">答错了&nbsp;<span id="cuo">0</span>&nbsp;道题</p>
            <p style="color: green">答对了&nbsp;<span id="dui">0</span>&nbsp;道题</p>
        </div>
        <h1 class="text2">共做&nbsp;<span id="gongzuo">0</span>&nbsp;道题</h1>

    </body>
</html>